<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>庄园项目</title>
		<!--<link rel="stylesheet" type="text/css" href="css/base.min.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />-->
		<link rel="stylesheet" type="text/css" href="{:_SKIN}/user/layui/css/layui.css" media="all" />
		<link rel="stylesheet" type="text/css" href="{:_SKIN}/user/css/baojia.css" />
		
		<style type="text/css">
			.titlebar{
				margin-bottom: 20px;
			}
			.layui-form {
				width: 60%;
			}
			
			.layui-form-label {
				width: 100px;
			}
			
			.layui-input-block {
				margin-left: 130px;
			}
			
			.layui-table td,
			.layui-table th {
				padding: 5px 25px;
			}
			
			.btn {
				background: #ff6600;
				width: 250px;
			}
			
			.layui-table tr:hover,
			.layui-table[lay-even] tr:nth-child(even) {
				background: #FFFFFF;
			}
			
			.add{
				margin-top: 20px;
			}
		</style>
	</head>

	<body>

		<div class="content">
			<div class="titlebar">
				<div class="titlebar-name">庄园项目</div>
			</div>

			<form class="layui-form" action="">
				<table class="layui-table" lay-even lay-skin="nob">
					<colgroup>
						<col width="150">
						<col width="200">
						<col>
					</colgroup>
					<tbody>
						<tr>
							<td colspan="4">
								<div class="layui-form-item">
									<label class="layui-form-label">庄园名称：</label>
									<div class="layui-input-block">
										<input type="text" name="title" required lay-verify="required" placeholder="请填写庄园名称" autocomplete="off" class="layui-input">
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td colspan="4">
								<div class="layui-form-item">
									<label class="layui-form-label">项目名称：</label>
									<div class="layui-input-block">
										<input type="text" name="title" required lay-verify="required" placeholder="请填写庄园项目名称" autocomplete="off" class="layui-input">
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td colspan="4">
								<div class="layui-form-item">
									<label class="layui-form-label">最低费用：</label>
									<div class="layui-input-block">
										<input type="text" name="title" required lay-verify="required" placeholder="如：10元/小时(请注明单位)" autocomplete="off" class="layui-input">
									</div>
								</div>
							</td>
							
							<!--<td>
										<select name="city" lay-verify="" class="add">
											<option value="010">北京</option>
											<option value="021" disabled>上海（禁用效果）</option>
											<option value="0571" selected>杭州</option>
										</select>
									
							</td>-->
						</tr>
						<tr>
							<td colspan="4">
								<div class="layui-form-item">
									<label class="layui-form-label">包含项目：</label>
									<div class="layui-input-block" style="font-size: 12px;">
										<input type="checkbox" name="" title="观景" lay-skin="primary">
										<input type="checkbox" name="" title="聚餐" lay-skin="primary">
										<input type="checkbox" name="" title="采摘" lay-skin="primary">
										<input type="checkbox" name="" title="娱乐" lay-skin="primary">
										<input type="checkbox" name="" title="教育" lay-skin="primary">
										<input type="checkbox" name="" title="健身" lay-skin="primary">
										<input type="checkbox" name="" title="棋牌" lay-skin="primary">
										<input type="checkbox" name="" title="温泉" lay-skin="primary">
										<input type="checkbox" name="" title="垂钓" lay-skin="primary">
										<input type="checkbox" name="" title="会议" lay-skin="primary">
										<input type="checkbox" name="" title="拓展" lay-skin="primary">
										<input type="checkbox" name="" title="农耕" lay-skin="primary">
										<input type="checkbox" name="" title="烧烤" lay-skin="primary">
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td colspan="4">
								<div class="layui-form-item">
									<label class="layui-form-label">项目详情：</label>
									<div class="layui-input-block">
										<textarea name="" required lay-verify="required" placeholder="请输入" class="layui-textarea"></textarea>
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td colspan="4">
								<div class="layui-form-item">
									<label class="layui-form-label">票务详情：</label>
									<div class="layui-input-block">
										<textarea name="" required lay-verify="required" placeholder="请输入" class="layui-textarea"></textarea>
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td colspan="4">
								<div class="layui-form-item">
									<label class="layui-form-label">线路详情：</label>
									<div class="layui-input-block">
										<textarea name="" required lay-verify="required" placeholder="请输入" class="layui-textarea"></textarea>
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td colspan="4">
								<label class="layui-form-label">农庄展示：</label>
								<input type="button" value="上传图片" class="layui-btn layui-btn-radius layui-btn-warm" />
								<span>最多上传5张图片(长*宽: 800*500)</span>
							</td>
						</tr>
						<tr>
							<td colspan="4">
								<div class="layui-form-item add">
									<div class="layui-input-block">
										<button class="layui-btn btn" lay-submit lay-filter="formDemo">立即提交</button>
									</div>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
			</form>
			<script src="{:_SKIN}/user/layui/lay/dest/layui.all.js" type="text/javascript" charset="utf-8"></script>
		</div>

	</body>

</html>